<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>短信发送</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="css/doubleDate.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="css/pagination.css">
    <link rel="stylesheet" href="css/sms.css">
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container-fluid sms">
        <div class="container-fluid">
            <p class="sms_title">短信发送</p>
            <div >
                <div class="container-fluid row sms_form_box">
                    <div class="col-lg-9 col-md-11 col-sm-10 col-lg-offset-2  sms_1199px">
                        <div class="row sms_form">
                            <ul class="col-lg-12">
                                <li>发送时段：</li>
                                <li><input type="text" value="" class="input-group doubledate  ipticon"></li>
                                <li>至</li>
                                    <li><input type="text" value="" class="input-group doubledate ipticon"></li>
                                <li>短信类型：</li>
                                <li class="dropdown">
                                    <input id="drop1" data-toggle="dropdown" role="button" aria-haspopup="true"
                                           aria-expanded="true" type="text" value="" class="input-group ipticon dropdown-toggle">
                                    <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop1">
                                        <li>客服001</li>
                                        <li>客服002</li>
                                        <li>客服003</li>
                                        <li>客服004</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="row sms_form">
                            <ul class="col-lg-12">
                                <li>电话号码：</li>
                                <li class="sms_tel"><input type="text" value="" class="input-group"></li>
                                <li>发 &nbsp;送 &nbsp;人：</li>
                                <li class="dropdown">
                                    <input id="drop2" data-toggle="dropdown" role="button" aria-haspopup="true"
                                           aria-expanded="true" type="text" value="" class="input-group ipticon dropdown-toggle">
                                    <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop1">
                                        <li>客服001</li>
                                        <li>客服002</li>
                                        <li>客服003</li>
                                        <li>客服004</li>
                                    </ul>
                                </li>
                                <li class="sms_query"><input type="button" value="查询" class="btn btn-info"></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-1 col-md-1 col-sm-2 btn_right">
                        <div class="row">
                            <input type="button" value="新增短信发送" class="btn btn-info sms_send_a">
                        </div>
                        <div class="row sms_right_top">
                            <input type="button" value="短信模板设置" class="btn btn-info new_template_a">
                        </div>
                    </div>
                </div>
                <div class="table-responsive message_query">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>短信流水号</th>
                            <th>发送时间</th>
                            <th>发送人数</th>
                            <th>电话号码</th>
                            <th>短信类型</th>
                            <th>客服工号</th>
                            <th class="program">是否成功
                                <i class="glyphicon glyphicon-question-sign program_col"></i>
                                <div class="prompt">
                                    <div class="prompt_motai">
                                        <i class="glyphicon glyphicon-chevron-up prompt_i"></i>
                                        <div class="prompt_div">
                                            <p>1.可能存在由于网络原因或运营商原因导致短信发送失败或部分发送失败，
                                                可进入该短信发送记录详情页面中将发送失败的记录点击"重发"来完成重新发送。</p>
                                            <p>2.可能存在由于用户误操作导致输入的电话号码格式不对而引起的短信发送失败或
                                                部分发送失败，可进入该条短信发送记录页面中核查是哪几条存在问题，在核准后点击
                                                "新增短信发送"再次完成短信发送。</p>
                                            <p class="hide_div"><i class="glyphicon glyphicon-remove"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>20160418006</td>
                            <td>2016/04/18 09:00</td>
                            <td>1</td>
                            <td>1369312669</td>
                            <td>优惠购车</td>
                            <td>客服001</td>
                            <td>发送成功</td>
                            <td><a href="javascript:;" class="SendSuccess_a">详情</a></td>
                        </tr>
                        <tr>
                            <td>20160418006</td>
                            <td>2016/04/18 09:00</td>
                            <td>12</td>
                            <td>1369312669</td>
                            <td>活动推送</td>
                            <td>客服002</td>
                            <td>部分成功</td>
                            <td><a href="javascript:;" class="sms_details_a">详情</a></td>
                        </tr>
                        <tr>
                            <td>20160418004</td>
                            <td>2016/04/18 09:00</td>
                            <td>1</td>
                            <td>1369312669</td>
                            <td>保险优惠</td>
                            <td>客服002</td>
                            <td>发送成功</td>
                            <td><a href="javascript:;" class="SendSuccess_a">详情</a></td>
                        </tr>
                        <tr>
                            <td>20160418001</td>
                            <td>2016/04/18 09:00</td>
                            <td>1</td>
                            <td>1369312669</td>
                            <td>保险到期提醒</td>
                            <td>客服003</td>
                            <td>发送失败</td>
                            <td><a href="javascript:;" class="send_details_a">详情</a></td>
                        </tr>
                        <tr>
                            <td>20160418001</td>
                            <td>2016/04/18 09:00</td>
                            <td>1</td>
                            <td>1369312669</td>
                            <td>保险到期提醒</td>
                            <td>客服003</td>
                            <td>发送成功</td>
                            <td><a href="javascript:;" class="SendSuccess_a">详情</a></td>
                        </tr>
                        <tr>
                            <td>20160418001</td>
                            <td>2016/04/18 09:00</td>
                            <td>1</td>
                            <td>1369312669</td>
                            <td>保险到期提醒</td>
                            <td>客服003</td>
                            <td>发送成功</td>
                            <td><a href="javascript:;" class="SendSuccess_a">详情</a></td>
                        </tr>
                        <tr>
                            <td>20160418001</td>
                            <td>2016/04/18 09:00</td>
                            <td>1</td>
                            <td>1369312669</td>
                            <td>保险到期提醒</td>
                            <td>客服003</td>
                            <td>发送失败</td>
                            <td><a href="javascript:;" class="send_details_a">详情</a></td>
                        </tr>
                        <tr>
                            <td>20160418001</td>
                            <td>2016/04/18 09:00</td>
                            <td>1</td>
                            <td>1369312669</td>
                            <td>保险到期提醒</td>
                            <td>客服003</td>
                            <td>发送失败</td>
                            <td><a href="javascript:;" class="send_details_a">详情</a></td>
                        </tr>
                        <tr>
                            <td>20160418001</td>
                            <td>2016/04/18 09:00</td>
                            <td>1</td>
                            <td>1369312669</td>
                            <td>保险到期提醒</td>
                            <td>客服003</td>
                            <td>发送失败</td>
                            <td><a href="javascript:;" class="send_details_a">详情</a></td>
                        </tr>
                        </tbody>
                    </table>
                    <div>
                        <div class="pages">
                            <div id="Pagination" class=" text-center"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/doubleDate2.0.js"></script>
<script src="js/jquery.pagination.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $(function(){//日历
        $('.doubledate').kuiDate({
            className:'doubledate',
            isDisabled: "0"
        });
    });
    (function(){//下拉菜单
        var down =  $(".dropdown");
        for(var i=0;i<down.length;i++){
            var down_li = $(down[i]).find(".dropdown_ul").children("li");
            for(var c=0;c<down_li.length;c++){
                $(down_li[c]).click(function(){
                    $(this).parent().parent().children("input").val(this.innerText);
                })
            }
        }
    })();
    $(document).ready(function(){
        $(".message_query table tbody tr td:nth-child(7):contains('发送成功')").css("color","#5ce61f");
        $(".message_query table tbody tr td:nth-child(7):contains('发送失败')").css("color","#df3d3e");
        $(".message_query table tbody tr td:nth-child(7):contains('部分成功')").css("color","#3588e3");
    })
    ///////////////设置分页数////////////////////////
    $("#Pagination").pagination("4");//设置分页的页数

    /*****/
    $(function() {
        $(".sms_send_a").click(function(){//新建短信模板
            parent.testFunh();
        })
        $(".new_template_a").click(function(){//短信模板设置
            parent.testFune();
        })
        $(".send_details_a").click(function(){//短信发送失败详情
            parent.testFunf();
        })
        $(".sms_details_a").click(function(){//短信群发详情
            parent.testFung();
        })
        $(".SendSuccess_a").click(function(){//短信发送成功
            parent.testFunu();
        })
    });
    $('.program_col,.hide_div').click(function(){
        $('.prompt'). slideToggle();
    })
</script>

</body>
</html>